/* @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"; */

/*-------------------------------*/
/*           VARIABLES           */
/*-------------------------------*/
body {
  position: relative;
  overflow-x: hidden;
  font-size: 12px;
}

body,
html {
  height: 100%;
}

body*img {
  background-size: cover;
  width: 100%;
  height: auto;
}

.nav .open>a {
  background-color: transparent;
}

.nav .open>a:hover {
  background-color: transparent;
}

.nav .open>a:focus {
  background-color: transparent;
}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-left: 0;
  transition: all 0.5s ease;
  position: fixed;
  right: 0;
  top: 20;
  z-index: 1000;
}


#wrapper.toggled {
  padding-right: 40vw;
}

/* #wrapper.toggled {} */

#wrapper.toggled #sidebar-wrapper {
  width: 40vw;
}

#wrapper.toggled #page-content-wrapper .hamburger {
  position: fixed;
  transition: all 0.5s;
  right: 36vw;
}

#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: #1a1a1a;
  height: 100%;
  right: 40vw;
  margin-right: -40vw;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.5s ease;
  width: 0;
  z-index: 1000;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#page-content-wrapper {
  width: 100%;
  display: none;
}


/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 40vw;
  height: 100vh;
  background-color: #222222;
}

.sidebar-nav li {
  display: inline-block;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: center;
}

.sidebar-nav li:before {
  background-color: #1c1c1c;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}

.sidebar-nav li:first-child a {
  background-color: #1a1a1a;
  color: #ffffff;
}

.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav li a {
  color: #dddddd;
  display: block;
  padding: 10px 0 10px 0;
  text-decoration: none;
  font-size: 20px;
}

.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  background: transparent;
  border: none;
  display: block;
  height: 32px;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 32px;
  z-index: 999;
  transition: all 0.5s;
}

.hamburger:hover {
  outline: none;
}

.hamburger:focus {
  outline: none;
}

.hamburger:active {
  outline: none;
}

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(0, 0, 0, 0.7);
  top: 5px;
}

.hamburger.is-closed .hamb-middle {
  background-color: rgba(0, 0, 0, 0.7);
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 5px;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #fff;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open .hamb-middle {
  background-color: #fff;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #fff;
  margin-top: -2px;
  top: 50%;
}



/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/


/* SOME DEMO STYLES - NOT REQUIRED */




/**/
@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "din";
  src: url("../fonts/DIN-Light.eot");
  src: url("../fonts/DIN-Light.eot") format("embedded-opentype"), url("../fonts/DIN-Light.woff") format("woff"), url("../fonts/DIN-Light.ttf") format("truetype"), url("../fonts/DIN-Light.svg") format("svg");
}

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "SourceHanSansCN-Bold";
  src: url("../fonts/SourceHanSansCN-Bold.eot");
  src: url("../fonts/SourceHanSansCN-Bold.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Bold.svg") format("svg");
}

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "SourceHanSansCN-Light";
  src: url("../fonts/SourceHanSansCN-Light.eot");
  src: url("../fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Light.svg") format("svg");
}

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "SourceHanSansCN-Medium";
  src: url("../fonts/SourceHanSansCN-Medium.eot");
  src: url("../fonts/SourceHanSansCN-Medium.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Medium.svg") format("svg");
}

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "shutifangzjjgbzt";
  src: url("../fonts/shutifangzjjgbzt.eot");
  src: url("../fonts/shutifangzjjgbzt.eot") format("embedded-opentype"), url("../fonts/shutifangzjjgbzt.woff") format("woff"), url("../fonts/shutifangzjjgbzt.ttf") format("truetype"), url("../fonts/shutifangzjjgbzt.svg") format("svg");
}

.font-din {
  font-family: "din";
}

.font-bold {
  font-family: "SourceHanSansCN-Bold";
}

.font-light {
  font-family: "SourceHanSansCN-Light";
}

.font-medium {
  font-family: "SourceHanSansCN-Medium";
}

.font-stfzjjgbzt {
  font-family: "shutifangzjjgbzt";
}

/* common grid system */
.sh-col-1 {
  float: left;
  width: 8.3333334%;
  box-sizing: border-box;
}

.sh-col-2 {
  float: left;
  width: 16.666667%;
  box-sizing: border-box;
}

.sh-col-3 {
  float: left;
  width: 25%;
  box-sizing: border-box;
}

.sh-col-4 {
  float: left;
  width: 33.333334%;
  box-sizing: border-box;
}

.sh-col-5 {
  float: left;
  width: 41.666667%;
  box-sizing: border-box;
}

.sh-col-6 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.sh-col-7 {
  float: left;
  width: 58.333333%;
  box-sizing: border-box;
}

.sh-col-8 {
  float: left;
  width: 66.666667%;
  box-sizing: border-box;
}

.sh-col-9 {
  float: left;
  width: 75%;
  box-sizing: border-box;
}

.sh-col-12 {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.sh-row:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* window body styles */
body {
  font-size: 16px;
  font-family: Arial, "Microsoft Yahei", sans-serif;
  background-color: #fff;
}





.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1750px;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* common ibtn */
.ibtn {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 56px;
  border: none;
  outline: none;
  max-width: 180px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: #ff4229;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media screen and (max-width: 1599px) {
  .ibtn {
    width: 144px;
    height: 48px;
    line-height: 48px;
  }
}

.ibtn:hover {
  color: #ffffff;
  background: #eb1b00;
}

/* common title */
.title {
  color: #000000;
  font-size: 28px;
  text-align: center;
  line-height: 1.72;
  font-family: "SourceHanSansCN-Light";
}

.title-en {
  color: #000000;
  font-size: 36px;
  text-align: center;
  font-family: Arial;
  line-height: 40px;
  text-transform: uppercase;
}

.title-cn {
  color: #000000;
  font-size: 24px;
  text-align: center;
  line-height: 28px;
  margin-top: 30px;
  font-family: "SourceHanSansCN-Light";
}

.title-sub {
  width: 62%;
  margin: 0 auto;
  color: #666666;
  font-size: 24px;
  text-align: center;
  line-height: 2;
  font-family: "SourceHanSansCN-Light";
}

@media screen and (max-width:700px) {
  .title-sub {
    width: 100%;
    color: #666666;
    font-size: 24px;
    text-align: center;
    line-height: 2;
    font-family: "SourceHanSansCN-Light";
  }
}

.title-big {
  color: #000000;
  font-size: 36px;
  text-align: center;
  line-height: 1.34;
  font-family: "SourceHanSansCN-Light";
}

.title-left {
  text-align: left;
}

.title-twin {
  text-align: center;
}

.title-twin_en {
  color: #000000;
  font-size: 36px;
  font-family: Arial;
  line-height: 40px;
  font-family: Arial;
  text-transform: uppercase;
}

.title-twin_cn {
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  margin-top: 30px;
  font-family: "SourceHanSansCN-Light";
}

.title-twin_ln {
  display: block;
  width: 50px;
  height: 3px;
  margin: 36px auto 0;
  background-color: #ff4229;
}

.title-white .title-twin_en {
  color: #fff;
}

.title-white .title-twin_cn {
  color: #fff;
}

.title-white {
  color: #ffffff !important;
}

/* commot split line */
.split-line {
  display: block;
  width: 50px;
  height: 2px;
  margin: 30px auto 0;
  background-color: #ff4229;
}

.split_left {
  margin-left: 0;
  margin-right: 0;
}

.split-white {
  background-color: #ff4229;
}

.brief-mask {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 1.86;
}

/* common tabnav */
.tabnav-ibtn {
  min-height: 46px;
}

.tabnav-ibtn:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.tabnav-ibtn_item {
  float: left;
  color: #000000;
  cursor: pointer;
  min-width: 150px;
  line-height: 46px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #f4f4f4;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.tabnav-ibtn_item a {
  display: block;
  height: 30px;
  color: #000000;
  min-width: 120px;
  line-height: 30px;
  padding: 8px 15px;
  background-color: #f4f4f4;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.tabnav-ibtn_item:hover,
.tabnav-ibtn_item.active,
.tabnav-ibtn_item:hover a,
.tabnav-ibtn_item.active a {
  color: #ffffff;
  background-color: #ff4229;
}

.tabcon-item {
  display: block;
}

.tabcon-item+.tabcon-item {
  display: none;
}

/* common plugin ifocus */
.ifocus {
  width: 100%;
  height: 860px;
  overflow: hidden;
  position: relative;
  *zoom: 1;
}

.ifocus_list {
  width: 9000px;
}

.ifocus_item {
  float: left;
}

.ifocus-fade {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ifocus-fade .ifocus-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ifocus-fade .ifocus-item:first-child {
  display: block;
}

.ifocus-slide {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 300%;
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}

.ifocus-slide .ifocus-item {
  float: left;
  width: 33.333333%;
  position: relative;
}

.ifocus-item {
  height: 100%;
  overflow: hidden;
}

.ifocus-item>a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ifocus-item img {
  width: 100%;
  height: 100%;
  border: none;
}

.ifocus-prev {
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 5%;
  width: 40px;
  height: 80px;
  cursor: pointer;
  margin-top: -40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQxMzE5OTk1MDAyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxMTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTcyOS42IDkzMS4ybC00MTYtNDI1LjYgNDE2LTQxNmM5LjYtOS42IDkuNi0yNS42IDAtMzUuMi05LjYtOS42LTI1LjYtOS42LTM1LjIgMGwtNDMyIDQzNS4yYy05LjYgOS42LTkuNiAyNS42IDAgMzUuMmw0MzIgNDQxLjZjOS42IDkuNiAyNS42IDkuNiAzNS4yIDBDNzM5LjIgOTU2LjggNzM5LjIgOTQwLjggNzI5LjYgOTMxLjJ6IiBwLWlkPSIzMTIwIiBmaWxsPSIjZGJkYmRiIj48L3BhdGg+PC9zdmc+);
  -webkit-transition: 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out;
  transition: 0.45s ease-in-out;
}

.ifocus-prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
}

.ifocus-next {
  position: absolute;
  z-index: 8;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 80px;
  cursor: pointer;
  margin-top: -40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQxMzE5MjQzNjE0IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3MDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTc2MS42IDQ4OS42bC00MzItNDM1LjJjLTkuNi05LjYtMjUuNi05LjYtMzUuMiAwLTkuNiA5LjYtOS42IDI1LjYgMCAzNS4ybDQxNiA0MTYtNDE2IDQyNS42Yy05LjYgOS42LTkuNiAyNS42IDAgMzUuMnMyNS42IDkuNiAzNS4yIDBsNDMyLTQ0MS42Qzc3MS4yIDUxNS4yIDc3MS4yIDQ5OS4yIDc2MS42IDQ4OS42eiIgcC1pZD0iMjcwOCIgZmlsbD0iI2RiZGJkYiI+PC9wYXRoPjwvc3ZnPg==);
  -webkit-transition: 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out;
  transition: 0.45s ease-in-out;
}

.ifocus-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
}

.ifocus-spot {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  bottom: 20px;
  height: 16px;
  text-align: center;
}

.ifocus-spot span {
  width: 14px;
  height: 14px;
  margin: 0 8px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #f4d05d;
  display: inline-block;
  vertical-align: top;
}

.ifocus-spot span.active {
  background-color: #f4d05d;
}

.ifocus-spot-nums {
  height: 22px;
}

.ifocus-spot-nums span {
  width: 20px;
  height: 20px;
  color: #666;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.ifocus-spot-nums span.active {
  color: #fff;
}

.fixbar {
  position: fixed;
  z-index: 100;
  right: 20px;
  bottom: 30px;
  width: 56px;
}

.fixbar-item {
  width: 100%;
  height: 56px;
  margin-top: 20px;
  position: relative;
}

.fixbar-anit {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  -ms-perspective: 500px;
  perspective: 500px;
}

.fixbar-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
  position: relative;
  z-index: 3;
}

.fixbar-link img {
  display: block;
  border-radius: 50%;
  background-color: #fff;
}

.fixbar-link .icon-arrow-upon {
  display: block;
  padding: 16px;
  width: 56px;
  height: 24px;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.fixbar-link .icon-arrow-upon:hover {
  background-color: #f0240a;
}

.fixbar-card {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  text-align: center;
  padding-right: 60px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out;
  transition: 0.45s ease-in-out;
  -webkit-transform: translate(-50px, 0);
  -moz-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

.fixbar-card_text {
  min-width: 258px;
  padding: 20px 16px;
  padding-top: 130px;
  background-color: #ffffff;
  background-image: url(../images/bg_fixbar.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.fixbar-card_ibtn {
  display: block;
  width: 210px;
  min-height: 40px;
  color: #ffffff;
  font-size: 15px;
  line-height: 40px;
  margin: 24px auto 0;
  background-color: #ff4229;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.fixbar-card_ibtn .shfont {
  font-size: 18px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: -1px;
}

.fixbar-card_ibtn:hover {
  color: #ffffff;
  background-color: #e11a00;
}

.fixbar-card_form {
  display: block;
  padding: 10px 0;
  color: #999999;
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 6px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.fixbar-card_form:hover {
  color: #252e3a;
}

.fixbar-card_call {
  display: block;
  color: #000000;
  font-size: 16px;
  line-height: 36px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.fixbar-card_call:hover {
  color: #252e3a;
}

.fixbar-card_qqio {
  display: block;
  color: #000000;
  font-size: 16px;
  line-height: 36px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.fixbar-card_qqio:hover {
  color: #252e3a;
}

.fixbar-card_code {
  margin-top: 10px;
}

.fixbar-card_code p {
  color: #999999;
  font-size: 13px;
  line-height: 1.2;
  margin-top: 6px;
}

.fixbar-card_code img {
  display: block;
  margin: 0 auto;
  max-width: 80%;
}

.fixbar-card_time {
  color: #999999;
  font-size: 13px;
  line-height: 1.8;
  margin-top: 16px;
}

.fixbar-card_time p {
  color: #999999;
  font-size: 13px;
}

.fixbar-item:hover .fixbar-card {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fixbar-anit .fixbar-link {
  -webkit-animation: rotated 8s both infinite ease-in-out;
  -o-animation: rotated 8s both infinite ease-in-out;
  animation: rotated 8s both infinite ease-in-out;
}

.fixbar-anit .fixbar-link img {
  -webkit-animation: rotatedb 8s both infinite ease-in-out;
  -o-animation: rotatedb 8s both infinite ease-in-out;
  animation: rotatedb 8s both infinite ease-in-out;
}

.fixbar-anit:hover .fixbar-link {
  animation: none;
}

.fixbar-anit:hover .fixbar-link img {
  animation: none;
}

.ico-more {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAKCAYAAACjd+4vAAAAl0lEQVQ4jcWTuw3CUAxFL1HEALBAyog5skA6ZqBlFtagJiVDpGKAFCnpSHGQJVukBJ5ecqXT+lj+bAAl5ijpLmn4qYyJE6iBF/AEzsD221qp4gq48skDaJcQBw3Qzxq4AYclxEYJnIDR5RNwAXa5xcHehZM3MHpDZW5xYKPuZuPvfSXZxUHrRxexY6zsj5Mf+Z8Ua0gl6Q1N75cMO0ZxLAAAAABJRU5ErkJggg==);
}

.ico-goods {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAABQCAYAAABRVh3eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHlmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wMy0xOVQwODoyMjoxNSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDMtMTlUMDg6MzY6MjYrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDMtMTlUMDg6MzY6MjYrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZmYwYzExZmEtMjlkOC00YTRmLTgwMDktZWM0NmM4MGE3MGNjIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWQyODY2ODgtOGJlMi1mNTQ1LTk3OGUtMjMyNDZjZDU1ZmU5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MUYyMTI4MTRERjYzMTFFOThDRDlBRjQxNDYwRDI4Q0QiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRjIxMjgxMURGNjMxMUU5OENEOUFGNDE0NjBEMjhDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRjIxMjgxMkRGNjMxMUU5OENEOUFGNDE0NjBEMjhDRCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjNjA3OWFhYy0zMTI3LTdiNGUtYWY1Yy04MTU5ZTg1MGI2ZWUiIHN0RXZ0OndoZW49IjIwMjEtMDMtMTlUMDg6MzY6MjYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZmYwYzExZmEtMjlkOC00YTRmLTgwMDktZWM0NmM4MGE3MGNjIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTE5VDA4OjM2OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPnhtcC5kaWQ6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);
}

/* common header  */
.head {
  height: 70px;
  text-align: right;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
}

.head-logo {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  float: left;
  height: 50px;
  padding: 10px 0;
}

.head-logo_imge {
  float: left;
  height: 100%;
  line-height: 50px;
}

.head-logo_imge img {
  display: block;
  max-height: 100%;
  display: inline-block;
}

.head-logo_text {
  float: left;
  height: 100%;
  line-height: 56px;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #e8e8e8;
}

.head-menu {
  height: 70px;
  display: inline-block;
  vertical-align: top;
}

.head-menu_list {
  overflow: hidden;
  padding: 19px 0;
  line-height: 32px;
}

.head-menu_item {
  float: left;
  padding: 0 25px;
}

.head-menu_item a {
  display: block;
  color: #000000;
  font-size: 16px;
  position: relative;
  transition: 0.35s ease-in-out;
}



.head-menu_item a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: -19px;
  background-color: #ff4229;
  transform-origin: 50% 50%;
  transition: 0.35s ease-in-out;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0) translateY(5px);
  -ms-transform: scaleX(0) translateY(5px);
  -o-transform: scaleX(0) translateY(5px);
  transform: scaleX(0) translateY(5px);
}

.head-menu_item a:hover,
.head-menu_item.active a {
  color: #ff4229;
}

.head-menu_item a:hover:after,
.head-menu_item.active a:after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1) translateY(-8px);
  -ms-transform: scaleX(1) translateY(-8px);
  -o-transform: scaleX(1) translateY(-8px);
  transform: scaleX(1) translateY(-8px);
}

.head-form {
  width: 20px;
  height: 20px;
  padding: 25px 20px;
  cursor: pointer;
  padding-right: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.head-form_hand {
  display: block;
  height: 100%;
  color: #000000;
  line-height: 22px;
  text-align: center;
  font-weight: 600;
}

.head-form_hand .shfont {
  font-size: 20px;
}

.head-form_item {
  position: absolute;
  z-index: 6;
  top: 66px;
  right: -10px;
  width: 320px;
  padding: 20px;
  height: 32px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.12s ease-in-out;
  -moz-transition: 0.12s ease-in-out;
  transition: 0.12s ease-in-out;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  visibility: hidden;
  opacity: 0;
}

.head-form_item:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 15px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.head-form_item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 4px;
  width: 80px;
  height: 16px;
  background-color: #fff;
}

.head-form_text {
  float: left;
  height: 32px;
  width: 256px;
  font-size: 14px;
  padding: 5px 15px;
  border: 1px solid #ff4229;
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.head-form_text:focus {
  -webkit-box-shadow: 0 0 2px #ff4229;
  box-shadow: 0 0 2px #ff4229;
}

.head-form_ibtn {
  color: #666666;
  width: 64px;
  height: 32px;
  border: none;
  outline: none;
  padding: 0 4px;
  color: #ffffff;
  font-size: 15px;
  background-color: #ff4229;
  border-radius: 0 2px 2px 0;
  transition: 0.3s ease-in-out;
}

.head-form_ibtn .shfont {
  font-size: 20px;
  font-weight: bold;
}

.head-form_ibtn:hover {
  background-color: #eb1b00;
}

.head-form:hover .head-form_hand {
  color: #ff4229;
}

.head-form:hover .head-form_item {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}

.head .container {
  overflow: visible;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}


.foot {
  background-color: #131a2d;
}

.foot-menu {
  padding: 80px 0;
  border-bottom: 1px solid #424857;
  position: relative;
}

.foot-menu_text {
  padding-right: 19.883721%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.foot-menu_text:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.foot-menu_code {
  position: absolute;
  top: 80px;
  right: 0;
  width: 16.2790698%;
  min-width: 240px;
}

.foot-text_list {
  float: left;
  padding-right: 15px;
  padding-bottom: 12px;
}

.foot-text_list:nth-child(1) {
  width: 11.7283951%;
  min-width: 92px;
}

.foot-text_list:nth-child(2) {
  width: 18.5185186%;
  min-width: 200px;
}

.foot-text_list:nth-child(3) {
  width: 15.4320988%;
  min-width: 108px;
}

.foot-text_list:nth-child(4) {
  width: 18.5185186%;
  min-width: 190px;
}

.foot-text_list:nth-child(5) {
  width: 11.7901235%;
  min-width: 92px;
}

.foot-text_list:nth-child(6) {
  width: 7.4074075%;
  min-width: 92px;
  padding-right: 0;
}

.foot-text_item {
  color: #ffffff;
  font-size: 18px;
  line-height: 2;
}

.foot-text_item a {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 2;
  opacity: 0.5;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.foot-text_item a:hover {
  opacity: 0.9;
}

.foot-text_item:first-child {
  margin-bottom: 4px;
}

.foot-code_item {
  float: left;
  width: 35.7142858%;
  margin-left: 14.2857143%;
  margin-bottom: 4.2857143%;
}

.foot-code_item p {
  color: #a7a8ac;
  font-size: 14px;
  width: 100%;
  text-align: center;
  line-height: 2.5;
  position: relative;
}

.foot-code_item p:first-child {
  padding-bottom: 100%;
}

.foot-code_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.foot-link {
  padding: 10px 0;
  line-height: 2.15;
  border-bottom: 1px solid #424857;
}

.foot-link_name {
  color: #ffffff;
  font-size: 14px;
  opacity: 0.3;
}

.foot-link_item {
  color: #ffffff;
  font-size: 14px;
  opacity: 0.3;
  margin-right: 10px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.foot-link_item:hover {
  opacity: 0.7;
}

.foot-copy {
  padding: 25px 0;
  line-height: 24px;
}

.foot-copy:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.foot-copy span {
  color: #ffffff;
  font-size: 14px;
  opacity: 0.3;
  margin-right: 12px;
}
.foot-copy span a{ color: #fff;}

.foot-copy img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.foot-copy p {
  float: right;
}

.foot-copy p:first-child {
  float: left;
}

.home-slide {
  height: auto;
  padding-bottom: 46.3541667%;
  position: relative;
  overflow: hidden;
}

.home-slide_item {
  overflow: hidden;
}

.home-slide_mask {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  width: 89.5833334%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.home-slide_text {
  float: left;
  height: 100%;
  width: 40%;
  position: relative;
  z-index: 2;
}

.home-slide_card {
  position: absolute;
  top: 50%;
  left: 0;
  line-height: 1;
  padding-left: 14.5348838%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.home-slide_card h2,
.home-slide_card h3,
.home-slide_card h4 {
  visibility: hidden;
  color: #ffffff;
  font-size: 48px;
  font-weight: bold;
}

.home-slide_card p {
  visibility: hidden;
  color: #ffffff;
  font-size: 22px;
  margin-top: 30px;
}

.home-slide_card .ibtn {
  margin-top: 8.982036%;
  visibility: hidden;
}

.home-slide_card.black p,
.home-slide_card.black h2,
.home-slide_card.black h3,
.home-slide_card.black h4 {
  color: #000000;
}

.home-slide_prev {
  width: 46px;
  height: 46px;
  left: 2.8125%;
  border-radius: 50%;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAUElEQVQokWP88uULAxpogGKiABMWzfXEamZAM4BkzcgGkKUZBFhwaP5PiguIVozLBY1QNnLIM5LiAhAAGUJ01GEzgGxDQF5ABjDvEAcYGBgAK2cNdeppoAQAAAAASUVORK5CYII=) no-repeat center center;
}

.home-slide_next {
  width: 46px;
  height: 46px;
  right: 2.8125%;
  border-radius: 50%;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAATUlEQVQokaWPQQrAIAwEx+K/bf+cuxKxonjKuhDYywybZGYE8o6beSI0UG4Fh0QRbJIM1AuJvOBP9QUpAizdX/jUBR32oggmrAg2GKABz48OcilYW1QAAAAASUVORK5CYII=) no-repeat center center;
}

.home-slide_spot {
  bottom: 0;
  height: 4px;
  margin-bottom: 5.9375%;
}

.home-slide_spot span {
  width: 60px;
  height: 4px;
  border: none;
  border-radius: 0;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.home-slide_spot span.active {
  height: 6px;
  background-color: #ff4229;
}

.home-slide_imge {
  float: right;
  height: 100%;
  width: 60%;
  position: relative;
  z-index: 1;
}

.home-slide_imge img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-slide_prev:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.home-slide_next:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.home-slide .ifocus-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (max-width: 1599px) {

  .home-slide_card h2,
  .home-slide_card h3,
  .home-slide_card h4 {
    font-size: 40px;
  }

  .home-slide_card p {
    font-size: 18px;
  }
}

@media screen and (max-width: 1440px) {
  .head-menu_item {
    float: left;
    padding: 0 15px;
  }

  .head-form {
    width: 20px;
    height: 20px;
    padding: 25px 5px;
    cursor: pointer;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }

}

@media screen and (max-width: 1280px) {
  .head-menu {
    display: none;
  }

  .head-form {
    display: none;
  }

  #page-content-wrapper {
    width: 100%;
    display: block;
  }
}

/* home banner1 */
.banner1-site {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 73.9341086%;
  margin-top: 8.7209303%;
  margin-left: 6.6860466%;
  padding-bottom: 61.627907%;
  overflow: hidden;
  visibility: hidden;
}

.banner1-keys {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 73.9341086%;
  margin-top: 70.3488373%;
  margin-left: 6.6860466%;
  padding-bottom: 12.7906977%;
  overflow: hidden;
  visibility: hidden;
}

.banner1-ipad {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  width: 32.1705427%;
  margin-top: 34.5930233%;
  margin-right: 1.9379845%;
  padding-bottom: 37.8875969%;
  overflow: hidden;
  visibility: hidden;
}

.banner1-call {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 13.75969%;
  margin-top: 43.0232559%;
  margin-left: 3.6821706%;
  padding-bottom: 27.6162791%;
  overflow: hidden;
  visibility: hidden;
}

.banner2-site {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: auto;
  width: 65.6007752%;
  margin-top: 20.4457365%;
  margin-left: 7.6550388%;
  padding-bottom: 44.379845%;
  overflow: hidden;
  visibility: hidden;
}

.banner2-mbe1 {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  height: auto;
  width: 28.7790698%;
  margin-top: 20.5426357%;
  margin-left: 62.3062016%;
  padding-bottom: 30.0387597%;
  overflow: hidden;
  visibility: hidden;
}

.banner2-mbe2 {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: auto;
  width: 38.1782946%;
  margin-top: 40.7945737%;
  margin-left: 58.4302326%;
  padding-bottom: 22.0930233%;
  overflow: hidden;
  visibility: hidden;
}

.banner3-site {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 170.251938%;
  margin-top: 1.4534884%;
  margin-left: -18.5077519%;
  padding-bottom: 102.131783%;
  overflow: hidden;
}

.home-slide_item.active .home-slide_card p {
  visibility: visible;
  animation: fadeInLeft 1s 0.4s both;
}

.home-slide_item.active .home-slide_card h3 {
  visibility: visible;
  animation: fadeInLeft 1s 0.2s both;
}

.home-slide_item.active .home-slide_card .ibtn {
  visibility: visible;
  animation: fadeInLeft 1s 0.6s both;
}

.home-slide_item.active .banner1-site {
  visibility: visible;
  animation: fadeInRight 1s 0.4s both;
}

.home-slide_item.active .banner1-ipad {
  visibility: visible;
  animation: fadeInRight 1s 0.6s both;
}

.home-slide_item.active .banner1-call {
  visibility: visible;
  animation: fadeInRight 1s 0.6s both;
}

.home-slide_item.active .banner1-keys {
  visibility: visible;
  animation: fadeInUp 1s 0.6s both;
}

.home-slide_item.active .banner2-site {
  visibility: visible;
  animation: zoomIn 1s both;
}

.home-slide_item.active .banner2-mbe1 {
  visibility: visible;
  animation: fadeInDown 1s 0.2s both;
}

.home-slide_item.active .banner2-mbe2 {
  visibility: visible;
  animation: fadeInUp 1s 0.4s both;
}

.home-slide_item.active .banner3-site {
  visibility: visible;
  animation: moving 20s both linear;
}



/* home goods */
.home-goods ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-goods_item {
  position: relative;
  width: 20%;
}

@media screen and (max-width:980px) {
  .home-goods_item {
    position: relative;
    width: 50%;
  }
}

.home-goods_imge {
  padding-bottom: 104.1666667%;
  position: relative;
  overflow: hidden;
  background: #000;
  z-index: 1;
}

.home-goods_imge img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s ease-in-out;
}

.home-goods_card {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18.75% 10%;
  transition: 0.5s ease-in-out;
}

.home-goods_icon {
  width: 20.9424084%;
  margin: 0 auto;
  margin-top: 12.5654451%;
}

.home-goods_icon .icon1 {
  background-position: 0 center;
}

.home-goods_icon .icon2 {
  background-position: 33.3334% center;
}

.home-goods_icon .icon3 {
  background-position: 66.6667% center;
}

.home-goods_icon .icon4 {
  background-position: 100% center;
}

.home-goods_icon .ico-goods {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

.home-goods_name {
  color: #ff4229;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
  margin-top: 10.4712042%;
}

.home-goods_desc {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 1.72;
  margin-top: 10.2094241%;
}

.home-goods_link {
  display: block;
  width: 32.9842932%;
  margin: 11.7801048% auto 0;
  padding-bottom: 9.947644%;
  border: 1px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 23.6220473% auto;
  background-size: 23.6220473% auto;
  transition: 0.25s 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
}

.home-goods_item:hover .home-goods_card {
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
}

.home-goods_item:hover .home-goods_link {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.home-goods_item:hover .home-goods_imge img {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}


/* home cases */
.home-cases {
  position: relative;
  overflow: hidden;
  padding-top: 5.3125%;
}

.home-cases:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 17.1875%;
  background-color: #252e3a;
}

.home-cases:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  margin-left: -960px;
  margin-bottom: 17.1875%;
  border-style: solid;
  border-width: 100px 960px;
  border-color: transparent #252e3a #252e3a transparent;
}

.home-cases .container {
  position: relative;
  z-index: 2;
}

.home-cases_list {
  margin-top: 5.9302326%;
}

.home-cases_more {
  display: block;
  padding-bottom: 100%;
  background: #ff4229;
  position: relative;
}

.home-cases_more-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.home-cases_more-text p {
  color: #ffffff;
  font-size: 18px;
}

.home-cases_more-text strong {
  display: block;
  font-size: 32px;
  line-height: 1;
}

.home-cases_link {
  display: block;
  position: relative;
}

.home-cases_imge {
  height: auto;
  z-index: 1;
  text-align:center;
}

.home-cases_mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.home-cases_view {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.home-cases_logo {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  padding: 0 10%;
  max-height: 80%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.home-cases_logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.home-cases_name {
  display: none;
  position: absolute;
  z-index: 9;
  right: 0;
  bottom: 0;
  color: #000000;
  font-size: 18px;
  padding: 15px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

.home-cases_link:hover .home-cases_mask {
  visibility: visible;
  opacity: 1;
}

.home-cases_link:hover .home-cases_logo img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition-delay: 0.2s;
}

.home-cases_link:hover .home-cases_name {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition-delay: 0.3s;
}

.home-cases .case-item {
  padding: 0;
}

/* home solve */
.home-solve {
  padding: 5.3125% 0;
  background-color: #252e3a;
}

.home-solve_roll {
  height: 540px;
  overflow: hidden;
  max-width: 1720px;
  padding: 2.9069768% 15px;
  margin: 3.0232559% auto 0;
  position: relative;
}

.home-solve_pane {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.home-solve_view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-solve_card {
  margin: 0 auto;
  background-color: #252e3a;
}

.home-solve_text {
  width: 44.1860466%;
  padding: 4.6511628%;
}

.home-solve_name {
  color: #ffffff;
  font-size: 36px;
  line-height: 2;
  font-family: "SourceHanSansCN-Light";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.home-solve_name:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  margin-top: 13px;
  background-color: #ff4229;
}

.home-solve_desc {
  height: 10em;
  line-height: 2;
  font-size: 14px;
  margin-top: 32px;
  overflow: hidden;
}

.home-solve_desc p {
  color: #ffffff;
  font-size: 14px;
  opacity: 0.9;
}

.home-solve_more {
  margin-top: 46px;
}

.home-solve_imge {
  width: 55.8139535%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.home-solve_imge img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
  max-width: none;
}

.home-solve_spot {
  bottom: 0;
  height: 13px;
}

.home-solve_spot span {
  width: 9px;
  height: 9px;
  border: 2px solid transparent;
  background-color: transparent;
  position: relative;
}

.home-solve_spot span:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: #666666;
}

.home-solve_spot span.active {
  border-color: #ff4229;
  background-color: transparent;
}

.home-solve_spot span.active:after {
  background-color: #ff4229;
}

/* home news */
.home-news {
  padding-top: 5.2083334%;
  padding-bottom: 5.2083334%;
}

.home-news_view {
  margin-top: 3.125%;
}

.home-news_card {
  width: 26.1627907%;
  margin-right: 2.3255814%;
}

.home-news_list {
  width: 40.6976745%;
  margin-top: -6px;
  padding-left: 2.3255814%;
}

.home-news_item {
  margin-bottom: 24px;
}

.home-news_link {
  display: block;
}

.home-news_imge {
  background-color: #000;
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
}

.home-news_imge img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out;
  transition: 0.45s ease-in-out;
}

.home-news_word {
  padding: 3.3333334% 0;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  background-color: #ffffff;
  position: relative;
}

.home-news_word:after {
  content: "";
  position: absolute;
  top: -18px;
  left: 0;
  border-style: solid;
  border-width: 0 12px 18px;
  border-color: #ff4229 transparent;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  transform-origin: 50% 100%;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
  visibility: hidden;
  opacity: 0;
}

.home-news_name {
  color: #000000;
  font-size: 18px;
  line-height: 1.67;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.home-news_desc {
  height: 3.44em;
  color: #666666;
  font-size: 14px;
  line-height: 1.72;
  margin-top: 9px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.home-news_time {
  color: #999999;
  font-size: 14px;
  padding: 12px 0;
  margin-top: 25px;
  border-top: 1px solid #e8e8e8;
  line-height: 25px;
  padding-right: 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAJCAYAAADKIfe/AAAAnklEQVQ4jb3TMQ4BURSF4W9EQ2EJOgmlRMUaLIBCMSQ2QGsDasUUEhUbsAFqiVKjsgQKJZnkzQIm5P3Jbc9/kntvkmWZH6ligQ1eZaIqv5pRRws3pGUy/yF/YoohZrigH0tecMUAa+zDNGPJcz44oIN7KLRCLYa84B2kXbTDPYyQxJAXPDDGBEucQqEo8oIzetjhiC0a+Y/me4pNivkX+N0aEglaJ1sAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.home-news_date {
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  margin-top: 6px;
}

.home-news_link:hover .home-news_word {
  padding: 3.3333334% 6.6666667%;
  background-color: #ff4229;
}

.home-news_link:hover .home-news_word:after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
}

.home-news_link:hover .home-news_imge img {
  opacity: 0.8;
}

.home-news_link:hover .home-news_word .home-news_name {
  color: #ffffff;
  transition-delay: 0.3s;
}

.home-news_link:hover .home-news_word .home-news_desc {
  color: #ffffff;
  transition-delay: 0.3s;
}

.home-news_link:hover .home-news_word .home-news_time {
  color: #ffffff;
  transition-delay: 0.3s;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAJCAYAAADKIfe/AAAAlklEQVQ4jb2SIQ7CUBAFpw0VkMAR6iqQWAT3wPYUKG6ChXsgkCAxiBrOMeQnH9GkJDTt7yYjdzc7+1CHMlMP6rLvnJzhtQAq4AnU0GPmCJd/2ag39a5u/+kZc3kgU/dqo57VMrX2lkjgAqyBF/AAjsA8tfYuymigiUaylNp/sYtZuMZsTLo8kKu1+lZP6ipoCH+avqD4AA4tP9n/my3UAAAAAElFTkSuQmCC);
}

.home-news_link:hover .home-news_text .home-news_name {
  color: #ff4229;
  text-decoration: underline;
}

.home-news .tabnav-ibtn {
  margin-top: 5.2083334%;
}

/* home partner */
.home-partner {
  padding: 5.2083334% 0;
  background-color: #f4f4f4;
}

.home-partner_list {
  margin: 0 -2.3255813%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-partner_list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.home-partner_item {
  width: 12.2222223%;
  margin: 0 2.2222223%;
  margin-top: 2.2222223%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width:800px) {
  .home-partner_item {
    width: 25%;
    margin: 0 2.2222223%;
    margin-top: 2.2222223%;
    padding-bottom: 6.1111112%;
    position: relative;
  }
}

.home-partner_item a {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.55;
  filter: grayscale(100%) saturate(60%);
  transition: 0.3s ease-in-out;
}

.home-partner_item a:hover {
  opacity: 1;
  filter: grayscale(0);
}

/* home contact */
.home-contact {
  height: 470px;
  padding: 90px 0;
  background: url(../images/bg_contact.jpg) no-repeat center top;
}

.home-contact_tags {
  position: absolute;
  top: 192px;
  left: 50%;
  margin-left: -35px;
}

.home-contact_text {
  padding-right: 11.627907%;
  box-sizing: border-box;
}

.home-contact_text h2,
.home-contact_text h3 {
  color: #ffffff;
  font-size: 28px;
}

.home-contact_text h2:after,
.home-contact_text h3:after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin-top: 26px;
  margin-bottom: 32px;
  background-color: #ff4229;
}

.home-contact_text p {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.7;
  opacity: 0.7;
}

.home-contact_text ul {
  margin-top: 44px;
  line-height: 2.58;
}

.home-contact_text li {
  color: #ffffff;
  font-size: 14px;
  opacity: 0.7;
}

.home-contact_text .shfont {
  font-size: 18px;
  margin-right: 10px;
  vertical-align: -1px;
}

.home-contact_form {
  padding-left: 11.627907%;
  box-sizing: border-box;
}

.home-contact_form form {
  float: right;
  width: 100%;
  max-width: 600px;
  padding-top: 10px;
}

.home-contact_item {
  min-height: 44px;
  margin-bottom: 36px;
  border-bottom: 1px solid #b4b6ba;
  position: relative;
}

.home-contact_item:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -1px;
  height: 1px;
  background: #ff4229;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.home-contact_item:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.home-contact_label {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 44px;
  opacity: 0.7;
}

.home-contact_input {
  display: block;
  border: none;
  outline: none;
  width: 100%;
  color: #fff;
  line-height: 24px;
  padding: 10px 0;
  padding-left: 84px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.home-contact_texts {
  color: #fff;
  width: 100%;
  height: 124px;
  border: none;
  outline: none;
  padding: 10px 0;
  padding-top: 44px;
  resize: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* page common ibanner  */
.ibanner {
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.ibanner-text {
  /* max-width: 1200px; */
  display: inline-block;
  vertical-align: middle;
}

.ibanner-title {
  color: #ffffff;
  font-size: 48px;
  line-height: 1;
}

.ibanner-brief {
  color: #ffffff;
  font-size: 24px;
  line-height: 2.67;
}

.ibanner-brief:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: 20px auto 0;
  background-color: #ffffff;
}

.ibanner-case {
  /* height: 730px; */
  position: relative;
  padding-bottom: 275px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center top;
}

.ibanner-case:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 275px;
  margin-left: -960px;
  border-style: solid;
  border-width: 100px 960px;
  border-color: transparent #fff #fff transparent;
}

.ibanner-case_view {
  padding-top: 80px;
  position: relative;
  z-index: 6;
}

.ibanner-case_logo {
  display: block;
  height: 80px;
}

.ibanner-case_logo img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}

.ibanner-case_site {
  width: 50%;
  padding: 0 102px;
  text-align: center;
  position: relative;
  margin: 60px auto 0;
}

.ibanner-case_pc {
  position: relative;
}

.ibanner-case_pcbg {
  display: block;
  width: 100%;
}

.ibanner-case_pcimg {
  position: absolute;
  top: 33px;
  left: 32px;
  width: 735px;
  height: 410px;
}

.ibanner-case_pcimg img {
  width: 100%;
}

.ibanner-case_ipad {
  position: absolute;
  left: 0;
  bottom: 0;
}

.ibanner-case_ipadbg {
  display: block;
  width: 301px;
  height: 405px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.ibanner-case_ipadimg {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 247px;
  height: 329px;
  overflow: hidden;
}

.ibanner-case_pcmb {
  position: absolute;
  right: 52px;
  bottom: 0;
}

.ibanner-case_pcmbbg {
  display: block;
  width: 112px;
  height: 220px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.ibanner-case_pcmbimg {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 95px;
  height: 204px;
}

/* page common pagination  */
.pagination {
  height: 40px;
  text-align: center;
  padding-bottom: 60px;
}

.pagination li {
  height: 100%;
  margin: 0 3px;
  min-width: 40px;
  line-height: 38px;
  display: inline-block;
  vertical-align: top;
}

.pagination li a {
  display: block;
  color: #666666;
  font-size: 15px;
  padding: 0 12px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.pagination li span {
  display: block;
  color: #666666;
  font-size: 15px;
  cursor: pointer;
  padding: 0 12px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.pagination li:hover a {
  color: #fff;
  border-color: #ff4229;
  background-color: #ff4229;
}

.pagination li.active span {
  color: #fff;
  border-color: #ff4229;
  background-color: #ff4229;
}

.pagination li.disabled span {
  color: #d0d0d0;
  border-color: #ffffff;
  background-color: #ffffff;
}

.pagination-gray li a {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
}

.pagination-gray li:hover a {
  color: #fff;
  border-color: #ff4229;
  background-color: #ff4229;
}

.pagination-gray li.active span {
  color: #fff;
  border-color: #ff4229;
  background-color: #ff4229;
}

.pagination-gray li.disabled span {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
}

.breadcrumbs {
  width: 100%;
  height: 32px;
  padding: 24px 0;
  line-height: 32px;
}

.breadcrumbs ul {
  height: 100%;
}

.breadcrumbs li {
    float: left;
    height: 100%;
    color: #666666;
    font-size: 14px;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.breadcrumbs li a {
  color: #666666;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.breadcrumbs li .ifont {
  float: left;
  color: #252e3a;
  font-size: 24px;
  margin-right: 10px;
}
@media screen and (max-width:980px) {
	.breadcrumbs li {
	    float: left;
	    height: 100%;
	    color: #666666;
	    font-size: 20px;
	    max-width: 200px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	}
	.breadcrumbs li a {
	  color: #666666;
	  height: 100%;
	  display: inline-block;
	  vertical-align: top;
	  margin: 0 10px;
	}
}
.breadcrumbs li a:hover {
  color: #252e3a;
}

.breadcrumbs li:first-child {
  color: #666;
  margin-right: 6px;
}

.breadcrumbs li+li:before {
  float: left;
  content: ">";
  color: #999999;
  height: 100%;
  margin: 0 8px;
  font-size: 14px;
  line-height: 34px;
  font-weight: bold;
  font-family: Simsun;
}
.form-line {
  min-height: 44px;
  margin-bottom: 36px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}

.form-label {
  position: absolute;
  top: 0;
  left: 0;
  color: #666666;
  font-size: 14px;
  line-height: 44px;
  opacity: 0.7;
}

.form-input {
  display: block;
  border: none;
  outline: none;
  width: 100%;
  color: #000000;
  line-height: 24px;
  padding: 10px 0;
  padding-left: 84px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-texts {
  color: #000000;
  width: 100%;
  height: 124px;
  border: none;
  outline: none;
  padding: 10px 0;
  padding-top: 44px;
  resize: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* page inner about  */
.ibanner-about {
  /* height: 830px; */
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  position: relative;
}

.ibanner-about_down {
  position: absolute;
  left: 50%;
  width: 35px;
  height: 29px;
  bottom: 30px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAdCAYAAAAgqdWEAAABYklEQVRIicXWv0oDQRDH8W+OYB+wzxtYx1bUZ7BNb6Gt5gVstNHe0gcwCkZiaQQrfQJ7y6tslAmzcIbb2z+T3P2ahd1j58MyDNcryxJgC/ihuyzrF8AIWADbHVGk7huwWyjkEZh1AJJ6z1r/ta+b57oK6AD4bhHyAJzJRr9y2CbIQaaVuv8wbYFqIXWYTYO8EB9mU6BGSBOmCpIL9o2gICSEWRcoCiIpdB0EQFO9MHUOxUIGDiMT+B0YBkD3iaBYyFDrj9wEvgLmAdAkAZQCmWv9heuZa13lYA/4agAR6KEcyLJ+tYHXAcqGrGKsIBOkDpMLOgLutKcmnu8bIT5MDugTuLBAJO5Pz5dj4DQAkhwCTxYIERM49oVCkBfgsgkSg0kBmSCxGAf6TQQlQVIwkhtdY0DJkFRMLCgLkoMJgbIhuRgfyASxYFZBY+DWArFiHKinL3JigUhCEzg2O8CH6QbgD5iMmVjN9K/AAAAAAElFTkSuQmCC) no-repeat center center;
}

.about-title {
  text-align: center;
}

.about-title_en {
  color: #000000;
  font-size: 36px;
  font-family: Arial;
  line-height: 40px;
  text-transform: uppercase;
}

@media screen and (max-width:600px) {
  .about-title_en {
    color: #000000;
    font-size: 24px;
    font-family: Arial;
    line-height: 40px;
    text-transform: uppercase;
  }
}

.about-title_cn {
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  margin-top: 15px;
}

.about-title_white .about-title_en {
  color: #fff;
}

.about-title_white .about-title_cn {
  color: #fff;
}

.about-time {
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-time_item {
  height: 130px;
  padding-top: 9px;
  padding-bottom: 12px;

}

.about-time_nums {
  color: #ffffff;
  font-size: 90px;
  line-height: 82px;
}

.about-time_desc {
  color: #ffffff;
  font-size: 20px;
}

@media screen and (max-width:1000px) {
  .about-time_nums {
    color: #ffffff;
    font-size: 60px;
    line-height: 82px;
  }

  .about-time_desc {
    color: #ffffff;
    font-size: 16px;
  }
}

@media screen and (max-width:800px) {
  .about-time_nums {
    color: #ffffff;
    font-size: 40px;
    line-height: 82px;
  }

  .about-time_desc {
    color: #ffffff;
    font-size: 14px;
  }
}

.about-goal_text {
  padding-top: 110px;
  position: relative;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  font-family: "SourceHanSansCN-Light";
  line-height: 1.62;
}

@media screen and (max-width:600px) {
  .about-time_nums {
    color: #ffffff;
    font-size: 20px;
    line-height: 82px;
  }

  .about-time_desc {
    color: #ffffff;
    font-size: 10px;
  }
}



.about-info {
  padding: 144px 0;
  background-color: #ffffff;
}

.about-info_text {
  text-align: right;
  margin-left: 200px;
  padding-left: 24.4186047%;
  position: relative;
}

.about-info_name {
  color: #000000;
  font-size: 36px;
  line-height: 1.34;
}

.about-info_quot {
  position: absolute;
  top: 7px;
  left: 16.4473685%;
  width: 70px;
  height: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA8CAYAAADbl8wjAAACcElEQVR4nO2a3XHCMAyAdVwXoM86P9AR6AhlBDoCjAAjwAgwAoxARygjlIec31mhp57opW1EIuXHpOh7LE6sfpFt2Qm0AWIYIYYdYnhppYOGoTgp3vxdH5roAjEMAWAGAFMAGOd+2ib8f0U43gXHO+J2p3z7WmIQA0nY/JJxs2jiNYmhoQIAux4JUcc7MHRCxj96JGVlibdyxrD1Q25M3jyI4d36ACuJYSnUybAnQmo/xNKhdI9SoExM36QwjQz3sow59EkKYmhsDhTF8OpTt5NzzesrgxioYGus0i4Uw6X8zHhPkrEGgMcYs2O98KrBQ35lvJwq3nmM2VP+j9KqtDF2so8xezVeWwdrvMsYs3XRD3/EIAbKFMsQIuud740Qw9QwhCirJ9cyuihjLCmZRAqjjZekPMeYna41+jHHcLZoV6FtKimcLdrsfi2TAgWTr3bCPcWYzZXXNMlCeS96iG9VGn6L4S25dl+RTIoh3rPmIeYzRpstx6r2W0KdLZrGeTHamT316Zw23sJlWeJLDBd0mknsnHAVusSrWSQou1VV+CVjtPY7qWivMFW2Vw/5ixjtpJtajPZB/n8xfMKvql0si8SAlz1tUVdaILWIdhiZYh1YzkS72jULWPZFaixiOjtjEegkXvXrkxsQ0wkWMX3DPMc4dyrGdJjvYgQsYvr0jsmM5WuHIb+/0bBPuOkcG+I1fx+jLbJSVspDy/smX5UEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcjQC/cltpvYA00+U3NpOVYAQDgE2k8kDRXhZY8AAAAAElFTkSuQmCC) no-repeat center center/100% auto;
}

.about-info_desc {
  color: #000000;
  font-size: 16px;
  line-height: 1.63;
  margin-top: 38px;
}

.about-info_desc p {
  color: #000000;
  font-size: 16px;
  line-height: 1.63;
}

.about-info_title {
  float: left;
  width: 172px;
  text-align: left;
}

.about-goal_text p {
  color: #ffffff;
  font-size: 24px;
  font-family: "SourceHanSansCN-Light";
  line-height: 1.32;
}

.about-goal {
  padding: 92px 0;
  height: 426px;
  background-image: url(../images/bg_about_goal.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
}

@media screen and (max-width:1050px) {
  .about-goal {
    padding: 62px 0;
    height: 380px;
    background-image: url(../images/bg_about_goal.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }

  .about-info {
    padding: 144px 0;
    background-color: #ffffff;
  }

  .about-info_text {
    text-align: right;
    margin-left: 0;
    padding-left: 125px;
    position: relative;
  }

  .about-info_name {
    color: #000000;
    font-size: 36px;
    line-height: 1.34;
  }

  .about-info_quot {
    position: absolute;
    top: 5px;
    left: 3.447368%;
    width: 70px;
    height: 60px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA8CAYAAADbl8wjAAACcElEQVR4nO2a3XHCMAyAdVwXoM86P9AR6AhlBDoCjAAjwAgwAoxARygjlIec31mhp57opW1EIuXHpOh7LE6sfpFt2Qm0AWIYIYYdYnhppYOGoTgp3vxdH5roAjEMAWAGAFMAGOd+2ib8f0U43gXHO+J2p3z7WmIQA0nY/JJxs2jiNYmhoQIAux4JUcc7MHRCxj96JGVlibdyxrD1Q25M3jyI4d36ACuJYSnUybAnQmo/xNKhdI9SoExM36QwjQz3sow59EkKYmhsDhTF8OpTt5NzzesrgxioYGus0i4Uw6X8zHhPkrEGgMcYs2O98KrBQ35lvJwq3nmM2VP+j9KqtDF2so8xezVeWwdrvMsYs3XRD3/EIAbKFMsQIuud740Qw9QwhCirJ9cyuihjLCmZRAqjjZekPMeYna41+jHHcLZoV6FtKimcLdrsfi2TAgWTr3bCPcWYzZXXNMlCeS96iG9VGn6L4S25dl+RTIoh3rPmIeYzRpstx6r2W0KdLZrGeTHamT316Zw23sJlWeJLDBd0mknsnHAVusSrWSQou1VV+CVjtPY7qWivMFW2Vw/5ixjtpJtajPZB/n8xfMKvql0si8SAlz1tUVdaILWIdhiZYh1YzkS72jULWPZFaixiOjtjEegkXvXrkxsQ0wkWMX3DPMc4dyrGdJjvYgQsYvr0jsmM5WuHIb+/0bBPuOkcG+I1fx+jLbJSVspDy/smX5UEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcjQC/cltpvYA00+U3NpOVYAQDgE2k8kDRXhZY8AAAAAElFTkSuQmCC) no-repeat center center/100% auto;
  }

  .about-info_desc {
    color: #000000;
    font-size: 16px;
    line-height: 1.63;
    margin-top: 38px;
  }

  .about-info_desc p {
    color: #000000;
    font-size: 16px;
    line-height: 1.63;
  }

  .about-info_title {
    float: none;
    width: 100%;
    text-align: center;
  }

  .about-goal_text {
    padding-top: 110px;
    position: relative;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-family: "SourceHanSansCN-Light";
    line-height: 1.62;
  }

  .about-goal_text p {
    color: #ffffff;
    font-size: 24px;
    font-family: "SourceHanSansCN-Light";
    line-height: 1.32;
  }
}

@media screen and (max-width:650px) {
  .about-goal {
    padding: 42px 0;
    height: 300px;
    background-image: url(../images/bg_about_goal.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }

  .about-info {
    font-size: 16px;
    padding: 40px 0;
  }

  .about-info_name {
    color: #000000;
    font-size: 16px;
    line-height: 1.34;
  }

  .about-info_quot {
    display: none;
    position: absolute;
    top: 5px;
    left: 3.447368%;
    width: 70px;
    height: 60px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA8CAYAAADbl8wjAAACcElEQVR4nO2a3XHCMAyAdVwXoM86P9AR6AhlBDoCjAAjwAgwAoxARygjlIec31mhp57opW1EIuXHpOh7LE6sfpFt2Qm0AWIYIYYdYnhppYOGoTgp3vxdH5roAjEMAWAGAFMAGOd+2ib8f0U43gXHO+J2p3z7WmIQA0nY/JJxs2jiNYmhoQIAux4JUcc7MHRCxj96JGVlibdyxrD1Q25M3jyI4d36ACuJYSnUybAnQmo/xNKhdI9SoExM36QwjQz3sow59EkKYmhsDhTF8OpTt5NzzesrgxioYGus0i4Uw6X8zHhPkrEGgMcYs2O98KrBQ35lvJwq3nmM2VP+j9KqtDF2so8xezVeWwdrvMsYs3XRD3/EIAbKFMsQIuud740Qw9QwhCirJ9cyuihjLCmZRAqjjZekPMeYna41+jHHcLZoV6FtKimcLdrsfi2TAgWTr3bCPcWYzZXXNMlCeS96iG9VGn6L4S25dl+RTIoh3rPmIeYzRpstx6r2W0KdLZrGeTHamT316Zw23sJlWeJLDBd0mknsnHAVusSrWSQou1VV+CVjtPY7qWivMFW2Vw/5ixjtpJtajPZB/n8xfMKvql0si8SAlz1tUVdaILWIdhiZYh1YzkS72jULWPZFaixiOjtjEegkXvXrkxsQ0wkWMX3DPMc4dyrGdJjvYgQsYvr0jsmM5WuHIb+/0bBPuOkcG+I1fx+jLbJSVspDy/smX5UEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcjQC/cltpvYA00+U3NpOVYAQDgE2k8kDRXhZY8AAAAAElFTkSuQmCC) no-repeat center center/100% auto;
  }

  .about-info_desc {
    color: #000000;
    font-size: 12px;
    line-height: 1.63;
    margin-top: 38px;
  }

  .about-info_desc p {
    color: #000000;
    font-size: 12px;
    line-height: 1.63;
  }

  .about-info_text {
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    position: relative;
  }

  .about-goal_text {
    padding-top: 120px;
    position: relative;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-family: "SourceHanSansCN-Light";
    line-height: 1.6;
  }

  .about-goal_text p {
    color: #ffffff;
    font-size: 16px;
    font-family: "SourceHanSansCN-Light";
    line-height: 1.4;
  }
}







.about-goal_text:before {
  content: "";
  position: absolute;
  top: 37px;
  left: 50%;
  width: 1px;
  height: 60px;
  background-color: #ffffff;
}

.about-idea_item:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* .about-idea_imge {
  float: right;
  width: 50%;
} */

/* .about-idea_imge a {
  display: block;
  padding-bottom: 68.75%;
  position: relative;
  overflow: hidden;
} */

/* .about-idea_imge img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
} */

/* .about-idea_text {
  float: left;
  width: 50%;
  padding-bottom: 34.375%;
  background-color: #ffffff;
  position: relative;
} */

/* .about-idea_card {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 8.3333334%;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
} */
.about-idea_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-idea_desc {
  color: #000000;
  font-size: 16px;
  text-align: center;
  line-height: 1.88;
  padding-top: 5.791667%;
  position: relative;
}

.about-idea_desc p {
  color: #000000;
  font-size: 16px;
  line-height: 1.88;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.about-idea_item {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.about-idea_item dt {
  width: 50%;
  overflow: hidden;
}

.about-idea_item dt img {
  transition: all 0.5s;
}

.about-idea_item dd {
  width: 50%;
  overflow: hidden;
}

.about-idea_item p {
  text-indent: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 20px;
  padding: 0 20px;
}

@media screen and (max-width:680px) {
  .about-idea_item p {
    text-indent: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    padding: 0 20px;
  }

  .about-title_en {
    font-size: 18px;
  }
}

.about-idea_desc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 2px;
  margin-left: -25px;
  margin-top: 4.5%;
  background-color: #ff4229;
}



.about-idea_item:hover .about-idea_imge img {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.about-path {
  height: 495px;
  padding-top: 73px;
  padding-bottom: 152px;
  background: url(../images/bg_about_path.png) no-repeat center bottom;
}

.about-path_motto {
  color: #ff4229;
  font-size: 36px;
  text-align: center;
  line-height: 1.34;
  margin-top: 70px;
}

.about-path_timer {
  margin-top: 54px;
  position: relative;
}

.about-path_timer:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.about-path_timer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 6px;
  border-top: 1px solid #e8e8e8;
}

.about-path_times {
  float: left;
  color: #000000;
  font-size: 16px;
  text-align: center;
  width: 8.3333334%;
  cursor: pointer;
  line-height: 1.88;
  padding-top: 14px;
  position: relative;
}

.about-path_times:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.about-path_times:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border-top: 1px solid #e8e8e8;
  background-color: #999;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.about-path_times.active:before {
  border-color: #ff4229;
}

.about-path_times.active:after {
  background-color: #ff4229;
}

.about-path_thing {
  text-align: center;
  margin-top: 64px;
}

.about-path_items {
  display: none;
}

.about-path_items:first-child {
  display: block;
}

.about-path_title {
  color: #ff4229;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.59;
}

.about-path_brief {
  color: #000000;
  font-size: 16px;
  line-height: 1.88;
  margin-top: 7px;
}

.about-user {
  padding: 70px 0;
  background-color: #ffffff;
}

/* page inner section */
.server {
  position: relative;
}

.server .head {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  right: 30px;
  height: 430px;
  opacity: 1;
}

#fp-nav ul {
  padding: 20px 0;
  position: relative;
}

#fp-nav ul:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #999;
}

#fp-nav li {
  height: 25px;
  cursor: pointer;
  line-height: 25px;
  padding: 20px 0;
  padding-right: 18px;
  position: relative;
}

#fp-nav li a {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -6px;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

#fp-nav li span {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 2px;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  border-radius: 50%;
  background-color: #999;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

#fp-nav .fp-tooltip {
  visibility: hidden;
  opacity: 0;
  color: #999999;
  font-size: 14px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

#fp-nav li:last-child {
  /* display: none; */
}

#fp-nav li:hover a {
  border-color: #ff4229;
}

#fp-nav li:hover span {
  background-color: #ff4229;
}

#fp-nav li:hover .fp-tooltip {
  color: #ff4229;
  visibility: visible;
  opacity: 1;
}

#fp-nav li a.active {
  border-color: #ff4229;
}

#fp-nav li a.active span {
  background-color: #ff4229;
}

#fp-nav li a.active~.fp-tooltip {
  color: #ff4229;
}

.section {
  padding-top: 70px;
  box-sizing: border-box;
}

.section0 {
  background-image: -webkit-linear-gradient(left top, #36e3fd, #33dbf1);
  background-image: -moz-linear-gradient(bottom right, #36e3fd, #33dbf1);
  background-image: -o-linear-gradient(bottom right, #36e3fd, #33dbf1);
  background-image: linear-gradient(to bottom right, #36e3fd, #33dbf1);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}


.section0 .media-imge a {
  width: 69.4962687%;
  margin-top: 1.6791045%;
  margin-left: 10.2611941%;
  padding-bottom: 50.6529851%;
}

.section0 .douItems{margin-top: 20px;}
.section0 .douItems li{font-size: 14px;color: #fff;}

.section1 {
  background-image: url(../images/bg_section1.jpg);
  background-image: -webkit-linear-gradient(left top, #252e3a, #1c1c1e);
  background-image: -moz-linear-gradient(bottom right, #252e3a, #1c1c1e);
  background-image: -o-linear-gradient(bottom right, #252e3a, #1c1c1e);
  background-image: linear-gradient(to bottom right, #252e3a, #1c1c1e);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.section2 {
  background-image: url(../images/bg_section2.jpg);
  background-image: -webkit-linear-gradient(left top, #38b1fd, #4d80ff);
  background-image: -moz-linear-gradient(bottom right, #38b1fd, #4d80ff);
  background-image: -o-linear-gradient(bottom right, #38b1fd, #4d80ff);
  background-image: linear-gradient(to bottom right, #38b1fd, #4d80ff);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.section3 {
  background-image: url(../images/bg_section3.jpg);
  background-image: -webkit-linear-gradient(left top, #9dd364, #4b9700);
  background-image: -moz-linear-gradient(bottom right, #9dd364, #4b9700);
  background-image: -o-linear-gradient(bottom right, #9dd364, #4b9700);
  background-image: linear-gradient(to bottom right, #9dd364, #4b9700);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.section4 {
  background-image: url(../images/bg_section4.jpg);
  background-image: -webkit-linear-gradient(left top, #9087ff, #7b5ff6);
  background-image: -moz-linear-gradient(bottom right, #9087ff, #7b5ff6);
  background-image: -o-linear-gradient(bottom right, #9087ff, #7b5ff6);
  background-image: linear-gradient(to bottom right, #9087ff, #7b5ff6);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.section5 {
  background-image: url(../images/bg_section5.jpg);
  background-image: -webkit-linear-gradient(left top, #ffaf56, #f77b55);
  background-image: -moz-linear-gradient(bottom right, #ffaf56, #f77b55);
  background-image: -o-linear-gradient(bottom right, #ffaf56, #f77b55);
  background-image: linear-gradient(to bottom right, #ffaf56, #f77b55);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.section6 {
  background-image: url(../images/bg_section6.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.media-pane {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 100%;
}

.media-pane:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.media-text {
  height: 100%;
  position: relative;
}

.media-card {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.media-imge {
  height: 100%;
  position: relative;
}

.media-imge a {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.media-imge img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.media-name {
  color: #ffffff;
  font-size: 36px;
  font-family: "SourceHanSansCN-Light";
  line-height: 1.45;
}

.media-name:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background-color: #ffffff;
  margin-top: 23px;
}

.media-desc {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.75;
  margin-top: 32px;
}

.media-desc p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.75;
}

.media-grid {
  margin-top: 52px;
  text-align: center;
}

.media-grid:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.media-grid_item {
  float: left;
  min-width: 56px;
  margin-right: 46px;
}

.media-grid_icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 40px;
  line-height: 40px;
}

.media-grid_name {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 2;
  margin-top: 8px;
}

.media-ibtn {
  width: 220px;
  max-width: 220px;
  margin-top: 72px;
}

.media-ibtn .shfont {
  font-size: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -2px;
}

/* .section:nth-child(2n) .media-text {
  float: right;
}

.section:nth-child(2n) .media-card {
  padding-left: 0;
  padding-right: 50px;
}

.section:nth-child(2n) .media-imge {
  margin-left: 0;
  margin-right: 648px;
} */

.section1 .media-imge a {
  width: 69.4962687%;
  margin-top: 1.6791045%;
  margin-left: 10.2611941%;
  padding-bottom: 50.6529851%;
}

.section2 .media-imge a {
  width: 71.2686568%;
  margin-left: 11.1940299%;
  margin-bottom: 1.6791045%;
  padding-bottom: 58.1156717%;
}

.section3 .media-imge a {
  width: 60.0746269%;
  margin-top: 3.358209%;
  margin-left: 22.5746269%;
  padding-bottom: 46.6417911%;
}

.section4 .media-imge a {
  width: 60.0746269%;
  margin-top: 6.716418%;
  margin-left: 22.5746269%;
  padding-bottom: 46.6417911%;
}

.section5 .media-imge a {
  width: 62.4067165%;
  margin-top: 4.6641792%;
  margin-left: 25.1865672%;
  padding-bottom: 44.4029851%;
}

.block-pane {
  height: 100%;
}

.block-pane .title {
  font-size: 36px;
}

.block-pane .title:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  margin: 30px auto 0;
  background-color: #fff;
}

.block-card {
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.block-grid {
  width: 100%;
  margin-top: 80px;
  box-sizing: border-box;
  border: 1px solid #ffffff;
}

.block-grid:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.block-grid_item {
  float: left;
  width: 25%;
  padding: 60px 0;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}

.block-grid_item:first-child {
  border-left: none;
}

.block-grid_icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 80px;
  line-height: 1;
}

.block-grid_name {
  color: #ffffff;
  font-size: 18px;
  margin-top: 31px;
}

.block-ibtn {
  display: block;
  margin: 80px auto 0;
}

.block-ibtn .shfont {
  font-size: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -2px;
}

/* page inner case */
.tabnav-case {
  padding: 60px 0;
}

.case-media_pc {
  position: relative;
}

.case-media_pc-mask {
  display: block;
  width: 799px;
}

.case-media_pc-mask img {
  width: 100%;
}

.case-media_pc-site {
  position: absolute;
  top: 33px;
  left: 32px;
  width: 735px;
  height: 410px;
  overflow: hidden;
  background-color: #ff4229;
}

.case-media_pc-site img {
  width: 100%;
}

.case-media_mb {
  position: absolute;
  right: 52px;
  bottom: 0;
}

.case-media_mb-mask {
  display: block;
  width: 112px;
  height: 220px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.case-media_mb-mask img {
  width: 100%;
}

.case-media_mb-site {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 95px;
  height: 204px;
  overflow: hidden;
  background-color: #ff4229;
}

.case-media_mb-site img {
  width: 100%;
}

.case-media_ipad {
  position: absolute;
  left: 0;
  bottom: 0;
}

.case-media_ipad-mask {
  display: block;
  width: 301px;
  height: 405px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.case-media_ipad-site {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 247px;
  height: 329px;
  overflow: hidden;
  background-color: #ff4229;
}

.case-twin_pc {
  position: relative;
  width: 85%;
}

.case-twin_pc-mask {
  display: block;
  width: 100%;
  position: relative;
}

.case-twin_pc-mask img {
  width: 100%;
}

.case-twin_pc-site {
  position: absolute;
  top: 4.6%;
  left: 4%;
  width: 92%;
  overflow: hidden;
  background-color: #ff4229;
}

.case-twin_pc-site img {
  width: 100%;
}

.case-twin_mb {
  position: absolute;
  right: 17%;
  bottom: 5%;
  width: 13%;
}

.case-twin_mb-mask {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.case-twin_mb-mask img {
  width: 100%;
}

.case-twin_mb-site {
  position: absolute;
  top: 3.1%;
  left: 6.5%;
  width: 86%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.case-twin_mb-site>div{
	height: 94%;
}
.case-twin_mb-site img {
  width: 100%;
  height: 99%;
}

.case-applet_md {
  width: 339px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.case-applet_md-mask {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
}

.case-applet_md-mask img {
  width: 100%;
}

.case-applet_md-site {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 20px;
  width: 299px;
  height: 642px;
  overflow: hidden;
  background-color: #ff4229;
}

.case-applet_md-site img {
  width: 100%;
}

.case-applet_lt {
  position: absolute;
  left: 50%;
  bottom: 8px;
  z-index: 1;
  width: 293px;
  margin-left: -379px;
}

.case-applet_lt-mask {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
}

.case-applet_lt-mask img {
  width: 100%;
}

.case-applet_lt-site {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 20px;
  width: 258px;
  height: 553px;
  overflow: hidden;
  background-color: #ff4229;
}

.case-applet_lt-site img {
  width: 100%;
}

.case-applet_rt {
  position: absolute;
  left: 50%;
  bottom: 8px;
  z-index: 1;
  width: 293px;
  margin-left: 86px;
}

.case-applet_rt-mask {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
}

.case-applet_rt-mask img {
  width: 100%;
}

.case-applet_rt-site {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 20px;
  width: 258px;
  height: 553px;
  overflow: hidden;
  background-color: #ff4229;
}

.case-applet_rt-site img {
  width: 100%;
}

.case-list {
	width: 80%;
  margin: 60px auto;
  padding-bottom: 40px;
  overflow: hidden;
}

.case-item {
  width: 25%;
  /* height: 500px; */
  padding: 0 10px 20px;
}

/* page case show */
.case-info {
  background-color: #ffffff;
  padding-bottom: 54px;
}

.case-name {
  color: #000000;
  font-size: 36px;
  line-height: 3.17;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}

.case-name:after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin-bottom: 30px;
  background-color: #ff4229;
}

.case-title {
  color: #000000;
  font-size: 14px;
  line-height: 32px;
}

.case-tags {
  padding: 10px 0;
  margin-right: 330px;
}

.case-tags:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.case-tags_item {
  float: left;
  height: 32px;
  width: 120px;
  color: #252e3a;
  font-size: 14px;
  padding: 6px 10px;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #f4f4f4;
}

.case-link {
  position: absolute;
  z-index: 2;
  top: 60px;
  right: 15px;
  bottom: 0;
  width: 268px;
  text-align: right;
  border-left: 1px solid #e8e8e8;
}

.case-link_item {
  width: 40px;
  height: 40px;
  padding: 8px;
  color: #666666;
  line-height: 40px;
  text-align: center;
  margin-left: 7px;
  border-radius: 50%;
  background: #f4f4f4;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.case-link_item .shfont {
  font-size: 20px;
}

.case-link_item:hover {
  color: #ffffff;
  background: #ff4229;
}

.case-desc {
  color: #666666;
  font-size: 14px;
  line-height: 1.72;
  margin-top: 4px;
  margin-right: 330px;
}

@media screen and (max-width:700px) {
  .case-desc {
    color: #666666;
    font-size: 14px;
    line-height: 1.72;
    margin-top: 4px;
    margin-right: 0px;
  }

  .case-tags {
    padding: 10px 0;
    margin-right: 0px;
  }
}

.case-desc p {
  color: #666666;
  font-size: 14px;
  line-height: 1.72;
}

.case-idea {
  padding: 94px 0;
  background: url(../images/bg_case_idea.jpg) no-repeat center top;
  background-attachment: fixed;
}

.case-idea_text {
  max-width: 1200px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 1.63;
  margin: 54px auto 0;
  padding-bottom: 27px;
}

.case-idea_text p {
  color: #ffffff;
  font-size: 16px;
}

.case-rule {
  text-align: center;
  padding-top: 74px;
  padding-bottom: 60px;
  background-color: #fff;
}

.case-rule_list {
  display: flex;
  width: 60%;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 82px;
  vertical-align: top;
}

.case-rule_item {
  margin: 0 25px;
}

.case-rule_ring {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.case-rule_vals {
  display: block;
  color: #666666;
  font-size: 16px;
  margin-top: 20px;
  line-height: 12px;
}

.case-show {
  padding-top: 194px;
  padding-bottom: 80px;
  background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i57uEXzM3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE5MjAgMjAwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkyMCAyMDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMjUyRTNBO30NCgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDIwMCAwLDEwMDAgMCwxMjAwIDE5MjAsMTAwMCAxOTIwLDIwMCAxOTIwLDAgCSIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMCwxMjAwIDAsMjAwMCAxOTIwLDIwMDAgMTkyMCwxMjAwIDE5MjAsMTAwMCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==) repeat-y center top/1920px auto;
}

.case-show_wrap {
  margin: 0 auto;
  max-width: 1200px;
  padding-top: 50px;
}

.case-show_wrap p {
  margin-top: 30px;
}

.case-show_wrap img {
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.case-liked {
  padding: 80px 0;
  text-align: center;
  background-color: #ffffff;
}

.case-liked_ibtn {
  width: 80px;
  height: 80px;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: #ff4229;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.case-liked_ibtn .shfont {
  color: #ffffff;
  font-size: 20px;
}

.case-liked_ibtn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  background-color: #eb1b00;
}

.case-liked_nums {
  display: block;
  color: #999999;
  font-size: 14px;
  line-height: 1;
  margin-top: 20px;
}

.case-quick {
  height: 80px;
  max-width: 1920px;
  margin: 0 auto;
  border-top: 1px solid #e8e8e8;
  background-color: #ffffff;
}

.case-quick:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.case-quick a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  float: left;
  height: 100%;
  width: 33.3334%;
  line-height: 80px;
  text-align: center;
  border-left: 1px solid #e8e8e8;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.case-quick svg {
  width: 20px;
  height: 12px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.case-quick .shfont {
  display: block;
  color: #666666;
  font-size: 20px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.case-quick a:first-child {
  border-left: none;
}

.case-quick a:hover {
  background-color: #ff4229;
  color: #ffffff;
}

.case-quick a:hover svg {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.case-quick a:hover path {
  fill: #ffffff;
}

.case-quick a:hover .shfont {
  color: #ffffff;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.case-touch {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.case-form {
  height: 760px;
  padding: 3.4883721%;
  background-color: #ffffff;
  box-sizing: border-box;
}

.case-form .title {
  text-align: left;
}

.case-form .title-sub {
  text-align: left;
  margin-bottom: 50px;
}

.case-poster {
  position: absolute;
  top: 80px;
  right: 0;
  width: 450px;
  height: 100%;
}

.case-poster a {
  display: block;
  height: 100%;
  overflow: hidden;
}

/* page inner news */
.tabnav-news {
  text-align: center;
  padding: 60px 0;
}

.tabnav-news .tabnav-ibtn_item {
  float: none;
  margin: 0 4px;
  display: inline-block;
  vertical-align: top;
}

.tabnav-news .tabnav-ibtn_item a {
  background-color: #ffffff;
}

.tabnav-news .tabnav-ibtn_item:hover a,
.tabnav-news .tabnav-ibtn_item.active a {
  background-color: #ff4229;
}

.news-list {
  margin: 0 -1.1627906%;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-card {
  width: 22.7272728%;
  margin: 0 1.1363637% 2.2727273%;
}

@media screen and (max-width:1000px) {
  .news-card {
    width: 30.7272728%;
    margin: 0 1.1363637% 2.2727273%;
  }
}

@media screen and (max-width:700px) {
  .news-card {
    width: 46.7272728%;
    margin: 0 1.1363637% 2.2727273%;
  }
}

@media screen and (max-width:400px) {
  .news-card {
    width: 96.7272728%;
    margin: 0 1.1363637% 2.2727273%;
  }
}

.news-card .home-news_word {
  padding: 3.3333334% 6.6666667%;
}

.news-recd {
  margin: 26px -40px 40px;
}

.news-item {
  width: 560px;
  margin: 0 40px 36px;
}

.article {
  width: 80%;
  padding: 50px;
  padding-bottom: 0;
  margin: 0 auto 60px;
  background-color: #ffffff;
}
.article-texts{
	text-align: center;
}
.article-texts img{
	width: 80% !important;
}
.article-title {
  color: #000000;
  font-size: 36px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.article-infos {
  height: 20px;
  line-height: 20px;
  padding: 15px 0 36px;
  border-bottom: 1px solid #e8e8e8;
}

.article-infos span {
  height: 100%;
  color: #999;
  font-size: 14px;
  margin-right: 24px;
  display: inline-block;
  vertical-align: top;
}

.article-video {
  line-height: 0;
  margin-top: 30px;
}

.article-video video {
  width: 100%;
  display: block;
}

.article-video iframe {
  width: 100%;
  display: block;
  min-height: 675px;
}

.article-texts {
  margin-top: 54px;
  text-indent: 2em;
}

.article-texts p {
  color: #000000;
  font-size: 16px;
  line-height: 1.63;
  text-align: justify;
}

.article-texts img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.article-quick {
  height: 80px;
  margin: 60px -50px 0;
  border-top: 1px solid #e8e8e8;
  overflow: hidden;
}

.article-quick:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.article-quick a {
  float: left;
  width: 33.334%;
  height: 100%;
  line-height: 80px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.article-quick svg {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.article-quick path {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.article-quick .shfont {
  color: #666666;
  font-size: 20px;
  display: block;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.article-quick a+a {
  border-left: 1px solid #e8e8e8;
}

.article-quick a:last-child {
  color: #fff;
  background-color: #ff4229;
}

.article-quick a:hover .shfont {
  color: #ff4229;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.article-quick a:hover svg {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.article-quick a:hover path {
  fill: #ff4229;
}

.article-quick a:last-child:hover path {
  fill: #ffffff;
}

/* page inner solve */
.solve-list {
  margin: 0 -1.1046511%;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.solve-card {
  width: 31.1717862%;
  margin: 0 1.0807737% 2.1615473%;
}

@media screen and (max-width:850px) {
  .solve-card {
    width: 47%;
    margin: 0 1.0807737% 2.1615473%;
  }
}

.solve-link {
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.solve-thumb {
  display: block;
  padding-bottom: 56.2271063%;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.solve-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.solve-words {
  padding: 2.7372263% 5.4744526% 0;
  background-color: #ffffff;
}

.solve-title {
  color: #000000;
  font-size: 18px;
  text-align: center;
  line-height: 1.56;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.solve-title:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  margin: 15px auto 0;
  background-color: #ff4229;
}

.solve-brief {
  margin: 25px 0;
  color: #666666;
  font-size: 14px;
  text-align: center;
  line-height: 1.72;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.solve-adorn {
  height: 60px;
  border-top: 1px solid #e8e8e8;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAJCAYAAADKIfe/AAAAnklEQVQ4jb3TMQpBcRzA8c+ThcERbJJRGeUGDkAZPIMLMLO7gDcogziAE8iqLEoZnUAWI7167wCi//cAv8+vfv2iJEn8WBETLPH4ZlThVxll1HBB/M3Mf+BPjNDFECe0Q+F5Z3SwwAZbVEPhaW/s0MAtW2iGUgg874U5mqjjih6iEHjeHX0MMMUhWygInndEC2vssUIl/dH0TqGLMf4A7BgaDndkPPsAAAAASUVORK5CYII=) no-repeat center center;
}

.solve-link:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.solve-link:hover .solve-thumb img {
  opacity: 0.8;
}

/* page inner solve detail */
.ibanner-solve_show {
  height: 830px;
  line-height: 830px;
  text-align: center;
}

.ibanner-solve_text {
  line-height: 1.2;
  max-width: 1200px;
  display: inline-block;
  vertical-align: middle;
}

.ibanner-solve_title {
  color: #ffffff;
  font-size: 36px;
}

.solve-pain {
  padding-top: 72px;
  padding-bottom: 60px;
}

.solve-pain_list {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 54px;
  overflow: hidden;
}

.solve-pain_item {
  width: 40%;
  margin: 0 0px 30px;
}

@media screen and (max-width:1100px) {
  .solve-pain_list {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 54px;
    overflow: hidden;
  }

  .solve-pain_item {
    width: 90%;
    margin: 0 0px 30px;
  }
}

.solve-pain_nums {
  float: left;
  width: 80px;
  height: 80px;
  color: #ff4229;
  font-size: 48px;
  text-align: center;
  line-height: 68px;
  border-radius: 50px;
  border: 6px solid #ff4229;
  box-sizing: border-box;
  border-color: #ff4229 transparent #ff4229 #ff4229;
  background-color: #ffffff;
}

.solve-pain_text {
  display: block;
  height: 50px;
  margin-top: 15px;
  margin-left: 62px;
  line-height: 50px;
  padding-left: 38px;
  padding-right: 20px;
  border-radius: 0 25px 25px 0;
  background-color: #ffffff;
}

.solve-pain_text span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.solve-bind {
  padding: 80px 0 60px;
  background-color: #fff;
}

.solve-odds {
  padding-top: 72px;
  padding-bottom: 80px;
}

.solve-odds_list {
  padding: 30px 0;
  margin-top: 40px;
  background: url(../images/bg_solve_odds.png) no-repeat center top;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.solve-odds_item {
  height: 100%;
  padding: 30px;
  padding-top: 46px;
  border-left: 1px dashed #e0e0e0;
}

.solve-odds_item:first-child {
  border-left: none;
}

.solve-odds_icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  color: #000000;
  font-size: 80px;
  text-align: center;
  line-height: 1;
}

.solve-odds_name {
  color: #000000;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  margin-top: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.solve-odds_desc {
  color: #999999;
  font-size: 14px;
  text-align: center;
  line-height: 1.72;
  margin-top: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.solve-info {
  height: 650px;
  text-align: center;
  padding-top: 72px;
  padding-bottom: 60px;
  box-sizing: border-box;
  background: url(../images/bg_solve_about.jpg) no-repeat center top;
}

.solve-info .about-title_en {
  color: #ffffff;
}

.solve-info .about-title_cn {
  color: #ffffff;
}

.solve-info .about-time {
  padding-top: 60px;
  padding-bottom: 60px;
}

.map {
  display: block;
  width: 100%;
  height: 100%;
}

.map {
  width: 100%;
  height: 780px;
}

.touch-view {
  height: 440px;
  padding-top: 720px;
  background: #000 url(../images/bg_map.jpg) no-repeat center top;
  position: relative;
}
@media(min-width:1200px)and (max-width:1599px) {
	.touch-mark {
	  left: 30% !important;
	}
}
@media(min-width:1024px)and (max-width:1199px) {
	.touch-mark {
	  left: 25% !important;
	}
}
@media (min-width:768px)and (max-width:1023px){
	.touch-mark {
	  left: 25% !important;
	}
}
@media(min-width:412px)and (max-width:767px) {
	.touch-mark {
	  left: 25% !important;
	}
}

.touch-mark {
  position: absolute;
  top: 200px;
  left: 36%;
  width: 56px;
  height: 84px;
  margin-left: -28px;
  animation: bullet 1.2s ease-in-out both infinite;
}

.touch-list {
  margin: 0 -1.4534883%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.touch-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.touch-card {
  height: 170px;
  width: 30.5084746%;
  padding: 1.6949153% 2.8248588%;
  margin: 0 1.4124294% 20px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width:1100px) {
  .touch-card {
    height: 170px;
    width: 46.5084746%;
    padding: 1.6949153% 2.8248588%;
    margin: 0 1.4124294% 20px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .touch-view {
    height: 640px;
    padding-top: 720px;
    background: #000 url(../images/bg_map.jpg) no-repeat center top;
    position: relative;
  }
}

@media screen and (max-width:600px) {
  .touch-card {
    height: 170px;
    width: 96.5084746%;
    padding: 1.6949153% 2.8248588%;
    margin: 0 1.4124294% 20px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .touch-view {
    height: 1140px;
    padding-top: 720px;
    background: #000 url(../images/bg_map.jpg) no-repeat center top;
    position: relative;
  }
}

.touch-icon {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 1;
  color: #999999;
  font-size: 36px;
  margin-top: 5px;
}

.touch-name {
  color: #666666;
  font-size: 16px;
  line-height: 1.88;
  margin-top: 12px;
}

.touch-main {
  color: #000000;
  font-size: 18px;
  line-height: 1.37;
}

.touch-code {
  position: absolute;
  top: 50%;
  right: 0;
  width: 46.2962963%;
  margin-right: 9.2592593%;
  min-width: 190px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.touch-code_item {
  float: left;
  width: 40%;
  min-width: 75px;
}

.touch-code_item dt {
  border: 1px solid #e8e8e8;
  line-height: 0;
}

.touch-code_item dd {
  color: #000000;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  margin-top: 12px;
}

.touch-code_item:first-child {
  margin-right: 20%;
}
@media  screen and (max-width:980px) {
	.head {
	  height: 100px;
	  text-align: right;
	  background-color: #ffffff;
	  position: relative;
	  z-index: 10;
	}
	
	.head-logo {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: nowrap;
	  float: left;
	  height: 80px;
	  padding: 10px 0;
	}
	.head-logo_text {
	    float: left;
	    height: 100%;
	    line-height: 75px;
	    margin-left: 0px;
	    padding-left: 20px;
	    border-left: 1px solid #e8e8e8;
	}
	.hamburger {
	    background: transparent;
	    border: none;
	    display: block;
	    height: 40px;
	    position: fixed;
	    top: 25px;
	    right: 40px;
	    width: 40px;
	    z-index: 999;
	    transition: all 0.5s;
	}
}
@media screen and (max-width:980px) {
	.media-pane {
	width: 80%;
	margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: 100%;
	}
	
	.media-pane:after {
	  content: "";
	  display: block;
	  clear: both;
	 }
	 .media-desc {
	     color: #ffffff;
	     font-size: 20px;
	     line-height: 1.75;
	     margin-top: 32px;
	 }
	 .media-desc p {
	     color: #ffffff;
	     font-size: 20px;
	     line-height: 1.75;
	 }
	 .media-grid_name {
	     display: block;
	     color: #ffffff;
	     font-size: 18px;
	     line-height: 2;
	     margin-top: 8px;
	 }
}
/*# sourceMappingURL=style.css.map */